<template>
    <div>
        <Header></Header>
        <el-col><h1 style="margin-top: 200px">图像识别识别</h1></el-col>





                    <el-col style="vertical-align: center" :span="4" v-for="(o, index) in 2" :key="o" :offset="index > 0 ? 2 : 0">

                        <img src="http://topvision-cv.com/images/website/qrcoderecognition-pr.png" style="width: 100%">
                      <!--  <el-card :body-style="{ padding: '0px' }">
                            <img src="http://topvision-cv.com/images/website/qrcoderecognition-pr.png" class="image">
                            <div style="padding: 14px;">
                                <span>好吃的汉堡</span>
                                <div class="bottom clearfix">
                                    <time class="time">{{ currentDate }}</time>
                                    <el-button type="text" class="button">操作按钮</el-button>
                                </div>
                            </div>
                        </el-card>-->
                    </el-col>




    </div>
    <!--/face/faceList/{groupId}-->
</template>

<style>
    .time {
        font-size: 13px;
        color: #999;
    }

    .bottom {
        margin-top: 13px;
        line-height: 12px;
    }

    .button {
        padding: 0;
        float: right;
    }

    .image {
        width: 100%;
        display: block;
    }

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
    }

    .clearfix:after {
        clear: both
    }
</style>


<script>
    import Header from '../Header.vue'
    import api from '../../axios'

    export default {
        components: {
            Header
        },
        data() {
            return {
                currentDate: new Date()
            };
        }
    }
</script>
